<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
	background-image: url(../../%E5%9B%BE%E5%9B%9B.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

 <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>find</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="../../bower_components/Ionicons/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="../../plugins/iCheck/square/blue.css">

 
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="login-box">
  <div class="login-logo">
    <a href="../../index2.html">微信群导航</a>
  </div>
 
  <div class="login-box-body">
    <p class="login-box-msg">找回密码</p>
      <div class="form-group has-feedback">
        <input type="password" class="form-control" placeholder="手机号">
       
      </div>
<div class="form-group has-feedback">
        <input type="password" class="form-control" placeholder="验证码">
        <button type="submit" class="btn btn-primary btn-block btn-flat">确认</button>
</form>
<form action="#" method="post" name="myform">
		<input type="button" class="  btn btn-primary btn-block button" value="获取手机验证码"  id="phone_btn" name="phone" onClick="showtime(60)">
	</form>
</div>

<script type="text/javascript">
var secs = 60;
document.agree.agreeb.disabled=true;
for(var i=1;i<=secs;i++) {
	window.setTimeout("update(" + i + ")", i * 1000);
}

function showtime(t){
	document.myform.phone.disabled=true;
	for(i=1;i<=t;i++) {
		window.setTimeout("update_p(" + i + ","+t+")", i * 1000);
	}

}

function update_p(num,t) {
	if(num == t) {
		document.myform.phone.value =" 重新发送 ";
		document.myform.phone.disabled=false;
	}
	else {
		printnr = t-num;
		document.myform.phone.value = " (" + printnr +")秒后重新发送";
	}
}

</script>
<div style="text-align:center;">

<!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js"></script>
<script>
  $(function () {
    $('input').iCheck({
      checkboxClass: 'icheckbox_square-blue',
      radioClass: 'iradio_square-blue',
      increaseArea: '20%' // optional
    });
  });
</script>
</body>
</html>
